<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/family.css" />
		<link rel="stylesheet" href="css/case.css" />
		<link rel="stylesheet" href="css/doctor_case.css" />
	</head>

	<body>
		<div class="col-xs-12 col-sm-12 row hospital-list-title">
			<img class="col-xs-2 col-sm-2" src="img/ui/error_img.png" />
			<h5>é¢çº¦è¯¦æ</h5>
		</div>
		<div class="col-sm-12 col-xs-12 row case-container">
			<section class="col-xs-11 col-sm-11 case-hospital">
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>å»é¢ï¼</h5>
					<h5>ä¸­å±±å¤§å­¦éå±ç¬¬ä¸å»é¢</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>ç§å®¤ï¼</h5>
					<h5>å¤ç§-éª¨ç§</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>å»çï¼</h5>
					<h5>ä¸ä¸ªå»çåå­</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>æ¶é´ï¼</h5>
					<h5>2018-10-9 å¨ä¸</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>æ¶é´æ®µï¼</h5>
					<h5>ä¸å 8:00-12:00</h5>
					<div class="clear"></div>
				</div>
			</section>
			<section class="col-xs-11 col-sm-11 row case-cost">
				<h5 class="case-cost-title">ï¿¥åºæ¶è´¹ç¨</h5>
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>æå·è¯çè´¹ï¼</h5>
					<h5>30å</h5>
				</div>

				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>ç­ä¿¡æå¡è´¹ï¼</h5>
					<h5>0å</h5>
				</div>
			</section>
			<section class="col-xs-11 col-sm-11 row case-cost">
				<h5 class="case-cost-title">ï¿¥å®ä»è´¹ç¨</h5>
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>æå·è¯çè´¹ï¼</h5>
					<h5>30å</h5>
				</div>

				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>ç­ä¿¡æå¡è´¹ï¼</h5>
					<h5>0å</h5>
				</div>
			</section>
			<div class="doctorindex-function col-sm-12 col-xs-12">
				<a class="doctorindex-function-cancel">åæ¶</a>
				<a class="doctorindex-function-confirm">ç¡®å®</a>
				<section class="clear"></section>
			</div>

		</div>
	</body>

</html>